import React from 'react';
import { useGameStore } from './game.store';
import { useHistoryGamesStore } from './historyGames.store';
import { useMessageStore } from './message.store';
import { usePersonsStore } from './persons.store';

export const AppContext = React.createContext<{
  personStore: ReturnType<typeof usePersonsStore>;
  gameStore: ReturnType<typeof useGameStore>;
  messageStore: ReturnType<typeof useMessageStore>;
  historyGamesStore: ReturnType<typeof useHistoryGamesStore>;
}>(undefined as any);

export function useAppContext() {
  const personStore = usePersonsStore();
  const gameStore = useGameStore();
  const messageStore = useMessageStore();
  const historyGamesStore = useHistoryGamesStore();

  return { personStore, gameStore, messageStore, historyGamesStore };
}
